<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>)</title> 
<script src="http://cdn.static.runoob.com/libs/jquery/2.0.0/jquery.min.js">
</script>
<script>
    $(document).ready(function(){
        $("#btn1").click(function(){
            // $("#p1").append("这是我加入的元素")
            $("#p1").prepend("这是我加入的元素")
            // append在后面加入元素
            // prepend在前面加入元素
            // after换行在后面添加
            // befor换行在前面添加
        });
    });
    function appendText(){
        /**
        * html jQuery dom
        */
        var text1="<p>www</p>"
        var text2=$("<p></p>").text("hello");
        var text3=document.createElement("p");
        text3.innerHTML="acely";
        $("body").append(text1,text2,text);
    }
</script>
</head>

<body>
<p id="p1">hello world</p>
<p id="p2">heloo world</p>
 <button id="btn1" >按钮</button>
 <button id="btn2" >按钮</button> 
 <button onclick="appendText()">按钮2</button>   
</body>
</html>